<template>
  <div>
    <mt-header title="登录" class="loginColor">
      <mt-button slot="left" icon="back" @click="goback"></mt-button>
      <router-link to="/register" slot="right">注册</router-link>
    </mt-header>
    <div class="logo">
      <img src="/img/logo.jpg" alt="">
    </div>
    <mt-field label="用户名" placeholder="请输入昵称" type="text"></mt-field>
    <mt-field label="密码" placeholder="输入密码" type="password"> </mt-field>
    <mt-button size="large" class="loginColor size">安全登录</mt-button>
  </div>
</template>
<style scoped>
  .loginColor{
    background: #cd5c5c;
    color: #fff;
  }
  .size{
    width: 70%;
    margin: auto;
    margin-top: 30px;
  }
  .logo>img{
    width: 50%;
    margin-left: 25%;
    margin-bottom: 20px;
  }
</style>

<script>
export default {
  methods:{
    goback(){
        this.$router.go(-1)
    }
  }
}
</script>